<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我创建的歌单</title>
<meta name="description" content="这是一个 user 页面">
<meta name="keywords" content="user">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="i/favicon1.png">
<link rel="apple-touch-icon-precomposed" href="i/app-icon72x72@2x.png">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="css/amazeui.min.css" />
<link rel="stylesheet" href="css/admin.css">
</head>
<body>
	<!-- 接收session中的对象 -->
	<s:set name="username" value="#session['username']" />

	<header class="am-topbar am-topbar-inverse admin-header">
	<div class="am-topbar-brand">
		<s:a href="index">
			<strong>Wonderful Song</strong>
		</s:a>
		<small>用户信息管理</small>
	</div>

	<button
		class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
		data-am-collapse="{target: '#topbar-collapse'}">
		<span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span>
	</button>

	<div class="am-collapse am-topbar-collapse" id="topbar-collapse">

		<ul
			class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list">
			<s:if test="#username != null">
				<li><a><img class="am-circle"
						src="${pageContext.servletContext.contextPath}/img/${username.image}"
						width="40" height="40" /> </a></li>
				<li><s:a href="admin_user?username=%{#username.username}">${username.username}</s:a>
				</li>
			</s:if>

			<li class="am-hide-sm-only"><s:a href="logout">
					<span class="am-icon-sign-out"></span>注销</s:a></li>
		</ul>
	</div>
	</header>




	<div class="am-cf admin-main">
		<!-- sidebar start -->
		<div class="admin-sidebar am-offcanvas" id="admin-offcanvas">
			<div class="am-offcanvas-bar admin-offcanvas-bar">
				<ul class="am-list admin-sidebar-list">
					<li><s:a href="index">
							<span class="am-icon-home"></span> 首页</s:a></li>
					<li class="admin-parent"><a class="am-cf"
						data-am-collapse="{target: '#collapse-nav'}"> <span
							class="am-icon-file"></span> 信息管理 <span
							class="am-icon-angle-right am-fr am-margin-right"></span>
					</a>
						<ul class="am-list am-collapse admin-sidebar-sub am-in"
							id="collapse-nav">
							<li><s:a href="admin_user?username=%{#username.username}"
									class="am-cf">
									<span class="am-icon-user"></span> 个人资料
								</s:a></li>

						</ul></li>

					<li class="admin-parent"><a class="am-cf"
						data-am-collapse="{target: '#collapse-nav-list'}"><span
							class="am-icon-th"></span> 歌单列表 <span
							class="am-icon-angle-right am-fr am-margin-right"></span> </a>

						<ul class="am-list am-collapse admin-sidebar-sub am-in"
							id="collapse-nav-list">
							<li><s:a class="am-cf"
									href="my_order?username=%{#username.username}&image=%{#username.image}">
									<span class="am-icon-play-circle"></span> 显示歌单
					<span class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span>
								</s:a></li>

						</ul></li>

				</ul>

			</div>
		</div>
		<!-- sidebar end -->

		<!-- content start -->
		<s:set name="createorder" value="#session['createorder']" />
		<div class="admin-content">
			<div class="admin-content-body">
				<div class="am-cf am-padding am-padding-bottom-0">
					<div class="am-fl am-cf">
						<strong class="am-text-primary am-text-lg"><s:property
								value="#username.username" /> 创建的歌单</strong>
					</div>
				</div>

				<hr />
				<div class="am-g">
					<div class="am-u-sm-12 am-u-md-6">
						<div class="am-btn-toolbar">
							<div class="am-btn-group am-btn-group-xs">
								<s:a cssClass="am-btn am-btn-default"
									href="my_order?username=%{#username.username}&image=%{#username.image}">
									<span class="am-icon-reply"></span>&nbsp;&nbsp;返回</s:a>

								<s:a cssClass="am-btn am-btn-default"
									href="add-order.jsp?username=%{#username.username}">
									<span class="am-icon-plus"></span>&nbsp;&nbsp;新建歌单</s:a>


							</div>
						</div>
					</div>
				</div>

				<div class="am-g">
					<div class="am-u-sm-12">
						<ul
							class="am-avg-sm-2 am-avg-md-4 am-avg-lg-6 am-margin gallery-list">
							<s:iterator value="admin_order" var="order">

								<li><s:a
										href="querySongCreate?
			username=%{#username.username}&
			image=%{#username.image}&
			orderId=%{#order.id}&
			ordertitle=%{#order.order_title}
			">
										<img class="am-img-thumbnail am-img-bdrs"
											src="${pageContext.servletContext.contextPath}/img/${order_img}"
											width="200px" height="200px">
									</s:a>


									<div class="gallery-title">
										<s:property value="#order.order_title" />
									</div>
									<div class="gallery-title">
										<s:property value="#order.order_info" />
									</div>
									<div class="gallery-desc">
										<s:a cssClass="am-btn am-btn-default am-btn-xs am-text-danger"
											href="del_order?
			id=%{#order.id}&username=%{#username.username}&image=%{#username.image}">
											<span class="am-icon-trash-o"></span>
											<small>删除歌单</small>
										</s:a>
									</div></li>

							</s:iterator>
						</ul>

						<div class="am-fr">
							<ul class="am-pagination">

								<li><a>${pageNum_sc}&nbsp;/&nbsp;${totalpage_sc}</a></li>

								<li><s:url var="firstpage_sc"
										action="my_order_create?
			username=%{#username.username}&image=%{#username.image}">
										<s:param name="pageNum_sc">1</s:param>
									</s:url> <s:a href="%{firstpage_sc}">
										<span class="am-icon-hand-o-left"></span>
									</s:a></li>

								<li><s:if test="pageNum_sc!=1">
										<s:url var="prePage_sc"
											action="my_order_create?
			username=%{#username.username}&image=%{#username.image}">
											<s:param name="pageNum_sc">
												<s:property value="pageNum_sc-1" />
											</s:param>
										</s:url>
										<s:a href="%{prePage_sc}">
											<span class="am-icon-arrow-left"></span>
										</s:a>
									</s:if></li>

								<s:if test="pageNum_sc!=totalpage_sc">
									<li><s:url var="nextPage_sc"
											action="my_order_create?
			username=%{#username.username}&image=%{#username.image}">
											<s:param name="pageNum_sc">
												<s:property value="pageNum_sc+1" />
											</s:param>
										</s:url> <s:a href="%{nextPage_sc}">
											<span class="am-icon-arrow-right"></span>
										</s:a></li>
								</s:if>


								<li><s:url var="lastPage_sc"
										action="my_order_create?
			username=%{#username.username}&image=%{#username.image}">
										<s:param name="pageNum_sc">
											<s:property value="totalpage_sc" />
										</s:param>
									</s:url> <s:a href="%{lastPage_sc}">
										<span class="am-icon-hand-o-right"></span>
									</s:a></li>
						</div>
						<hr />

					</div>









				</div>




			</div>







			<footer class="admin-content-footer">
			<hr>
			<p class="am-padding-left">© 2019 Wonderful Song 王骏 毕业设计作品
				15软件G1班 2015330117</p>
			</footer>

		</div>

		<!-- content end -->

	</div>

	<script src="js/jquery.min.js"></script>

	<script src="js/amazeui.min.js"></script>

	<script src="js/app.js"></script>
</body>

</html>